<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="site" content="" />
    <title>Novem</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script type="module" src="ao.js"></script>
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
    />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="manifest" href="/assets/manifest.json" />
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="/assets/app-icons/icon-192x192.png"
    />
    <link
      rel="apple-touch-icon"
      type="image/png"
      sizes="180x180"
      href="/assets/app-icons/icon-180x180.png"
    />
  </head>
  <body class="stretched">
    <main id="wrapper" class="home">
      <div id="top-bar">
        <div class="container">
          <div class="row justify-content-between">
            <div class="col-auto">
              <div class="top-links">
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >学生</a
                >
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >教职工</a
                >
              </div>
            </div>
            <div class="col-auto topbar-tools">
              <div class="search">
                <div class="search-wrapper">
                  <div class="search-input-container">
                    <input
                      id="Keyword"
                      class="search-input"
                      placeholder="搜索"
                    />
                    <img
                      class="search-clear"
                      src="/assets/icons/icon-clear.svg"
                      alt="搜索清除图标"
                    />
                  </div>
                  <div class="search-btn disabled">
                    <img
                      class="search-logo"
                      id="top-search-trigger"
                      src="/assets/icons/icon-input.svg"
                      alt="搜索图标"
                    />
                  </div>
                </div>
                <ul class="search-result"></ul>
              </div>
            </div>
          </div>
        </div>
      </div>

      <header id="header" data-mobile-sticky="true">
        <div id="header-wrap">
          <div class="container">
            <div class="header-row">
              <div id="logo" class="me-xl-4 me-xxl-5">
                <a href="#" title="#" target="_blank" rel="noopener noreferrer">
                  <img src="/assets/images/ao/logo.png" alt="#" />
                </a>
              </div>
              <div class="primary-menu-trigger">
                <button class="nvm-hamburger" type="button" title="移动端导航">
                  <span class="nvm-hamburger-box">
                    <span class="nvm-hamburger-inner"></span>
                  </span>
                </button>
              </div>
              <nav class="primary-menu mobile-menu-overlay">
                <ul class="menu-container">
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#1" rel="noopener noreferrer">首页</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#2" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                    <ul class="sub-menu-container">
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link">
                          <a href="#21">测试二级菜单长度</a>
                        </div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#3" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#4" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#5" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#6" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#7" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#8" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#9" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#10" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#11" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                    <ul class="sub-menu-container">
                      <li class="menu-item">
                        <div class="menu-link">
                          <a href="#21">电子信息工程学院</a>
                        </div>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link">
                          <a href="#21">文化教育学院</a>
                        </div>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link">
                          <a href="#21">智能制造学院</a>
                        </div>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>
                      </li>
                    </ul>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </header>

      <section
        class="slider-element banner-ao"
        data-swiper-options="{'navigation': {'prevEl': '.swiper-button-prev','nextEl': '.swiper-button-next','disabledClass': 'swiper-button-disabled'},'autoplay':true,'loop': true,'pagination': {'el': '.swiper-pagination','clickable': true},'pager': false}"
      >
        <div class="swiper">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div
                class="swiper-slide-bg"
                style="background-image: url('/assets/images/ao/3.jpg')"
              ></div>
              <a href="#1" class="stretched-link" title=""></a>
            </div>
            <div class="swiper-slide">
              <div
                class="swiper-slide-bg"
                style="background-image: url('/assets/images/ao/1.jpg')"
              ></div>
              <a href="#2" class="stretched-link" title=""></a>
            </div>
          </div>

          <!-- <div class="swiper-pagination"></div> -->

          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
        </div>
      </section>

      <div class="section quick-nav bg-transparent mt-lg-n5 mb-lg-0 z-2">
        <div class="container">
          <div
            class="row row-cols-4 row-cols-lg-auto justify-content-between justify-content-lg-evenly align-items-stretch g-3 text-center rounded shadow bg-white"
          >
            <div class="col">
              <a href="#" target="_blank" rel="noopener noreferrer">
                <i class="fs-2 novem-icons nvm-icon-zs01"></i>
                <p class="">招生简章</p>
              </a>
            </div>
            <div class="col">
              <a href="#" target="_blank" rel="noopener noreferrer">
                <i class="fs-2 novem-icons nvm-icon-zs02"></i>
                <p class="">招生计划</p>
              </a>
            </div>
            <div class="col">
              <a href="#" target="_blank" rel="noopener noreferrer">
                <i class="fs-2 novem-icons nvm-icon-zs03"></i>
                <p class="">专业介绍</p>
              </a>
            </div>
            <div class="col">
              <a
                href="#"
                target="_blank"
                rel="noopener noreferrer"
                data-bs-toggle="modal"
                data-bs-target="#notice"
              >
                <i class="fs-2 novem-icons nvm-icon-zs04"></i>
                <p class="">在线报名</p>
              </a>
            </div>
            <div class="col">
              <a
                href="#"
                target="_blank"
                rel="noopener noreferrer"
                data-bs-toggle="modal"
                data-bs-target="#notice"
              >
                <i class="fs-2 novem-icons nvm-icon-zs05"></i>
                <p class="">录取查询</p>
              </a>
            </div>
            <div class="col-auto">
              <a href="#" target="_blank" rel="noopener noreferrer">
                <p class="fs-2 mb-0"><span class="fs-lg">NEW</span></p>
                <p class="">新高考百问百答</p>
              </a>
            </div>
            <div class="col">
              <a href="#" target="_blank" rel="noopener noreferrer">
                <i class="fs-2 novem-icons nvm-icon-zs06"></i>
                <p class="">入学指南</p>
              </a>
            </div>
          </div>
        </div>
      </div>

      <section id="content" class="mt-0">
        <div class="section news mt-0 pt-0">
          <div class="container">
            <div class="title-block text-center">
              <div>
                <h2>新闻 · 资讯</h2>
              </div>
            </div>
            <div class="row row-cols-1 row-cols-lg-2 g-3 align-items-stretched">
              <div class="col">
                <div
                  class="slider-element rounded shadow"
                  data-swiper-options="{'navigation': {'prevEl': '.swiper-button-prev', 'nextEl': '.swiper-button-next'},'loop': true,'autoplay':true,'pager': false}"
                >
                  <div class="swiper">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <a
                          href="#"
                          class="d-block rounded link-light link-hover-warning"
                        >
                          <div class="thumb ratio ratio-16x9">
                            <img
                              src="/assets/images/home/event.jpg"
                              alt=""
                              class="object-fit-cover"
                            />
                          </div>

                          <div
                            class="position-absolute end-0 bottom-0 w-100 px-3 pb-2 pt-4 bg-gradient-black z-2"
                          >
                            <div class="fs-sm text-truncate">
                              河南省委教育工委专职副书记尹洪斌一行到郑州城市职业学院调研指导河南省委教育工委专职副书记尹洪斌一行到郑州城市职业学院调研指导
                            </div>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a
                          href="#"
                          class="d-block rounded link-light link-hover-warning"
                        >
                          <div class="thumb ratio ratio-16x9">
                            <img
                              src="/assets/images/home/event.jpg"
                              alt=""
                              class="object-fit-cover"
                            />
                          </div>

                          <div
                            class="position-absolute end-0 bottom-0 w-100 px-3 pb-2 pt-4 bg-gradient-black z-2"
                          >
                            <div class="fs-sm text-truncate">
                              河南省委教育工委专职副书记尹洪斌一行到郑州城市职业学院调研指导河南省委教育工委专职副书记尹洪斌一行到郑州城市职业学院调研指导
                            </div>
                          </div>
                        </a>
                      </div>
                    </div>
                    <div class="swiper-pagination"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                  </div>
                </div>
              </div>
              <div class="col news-item">
                <div
                  class="row row-cols-2 gx-3 h-100 justify-content-between align-items-stretched"
                >
                  <div class="col">
                    <a
                      class="d-block rounded-top h-100 bg-white border-bottom border-4 border-primary border-hover-warning shadow p-3 p-xl-4"
                      target="_blank"
                      href="info/1101/15541.htm"
                      title="喜报！祝贺我校学子又获国赛大奖+5！"
                    >
                      喜报！祝贺我校学子又获国赛大奖+5！
                    </a>
                  </div>
                  <div class="col">
                    <a
                      class="d-block rounded-top h-100 bg-white border-bottom border-4 border-primary border-hover-warning shadow p-3 p-xl-4"
                      target="_blank"
                      href="info/1101/15441.htm"
                      title="超激烈！企业高薪“抢人大战”在郑州城市职业学院上演！"
                    >
                      超激烈！企业高薪“抢人大战”在郑州城市职业学院上演！
                    </a>
                  </div>
                  <div class="col mt-3">
                    <a
                      class="d-block rounded-top h-100 bg-white border-bottom border-4 border-primary border-hover-warning shadow p-3 p-xl-4"
                      target="_blank"
                      href="info/1101/15421.htm"
                      title="郑州城市职业学院隆重召开第三届教职工代表大会第二次会议暨第三届工会会员代表大会第二次会议"
                    >
                      郑州城市职业学院隆重召开第三届教职工代表大会第二次会议暨第三届工会会员代表大会第二次会议
                    </a>
                  </div>
                  <div class="col mt-3">
                    <a
                      class="d-block rounded-top h-100 bg-white border-bottom border-4 border-primary border-hover-warning shadow p-3 p-xl-4"
                      target="_blank"
                      href="info/1101/15361.htm"
                      title="荣耀！郑州城市职业学院高等教育教学改革研究实践项目再创佳绩！"
                    >
                      荣耀！郑州城市职业学院高等教育教学改革研究实践项目再创佳绩！
                    </a>
                  </div>
                </div>
              </div>
            </div>
            <div class="row mt-4">
              <div class="col-12 text-center">
                <a class="btn btn-light btn-outline-secondary" href="#">
                  查看更多
                </a>
              </div>
            </div>
          </div>
        </div>

        <div class="section mt-0 pt-0">
          <div class="container">
            <div class="title-block text-center">
              <div>
                <h2>招生专业</h2>
              </div>
            </div>
            <div class="row">
              <div class="col-12">
                <div
                  class="slider-element"
                  data-swiper-options="{'slidesPerView': 1,'navigation': {'prevEl': '.swiper-button-prev','nextEl': '.swiper-button-next'}, 'loop': true,'pagination': {'el': '.swiper-pagination','clickable': true},'breakpoints': {'576': {'slidesPerView': 2,'spaceBetween': 10},'992': {'slidesPerView': 3,'spaceBetween': 10},'1200': {'slidesPerView': 4,'spaceBetween': 20}}}"
                >
                  <div class="swiper">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <a
                          href="#"
                          class="d-block rounded-top border border-light border-opacity-75 link-hover-warning shadow border-bottom-primary-3"
                        >
                          <div class="ratio ratio-16x9">
                            <img
                              src="/assets/images/home/event.jpg"
                              alt=""
                              class="rounded-top object-fit-cover"
                            />
                          </div>

                          <div class="w-100 px-3">
                            <h6 class="text-truncate lh-lg my-2">
                              数字媒体技术专业（三维动画设计）
                            </h6>
                          </div>
                          <hr class="m-2 opacity-50" />
                          <div
                            class="d-flex justify-content-between align-items-center px-3 mb-2"
                          >
                            <span class="badge bg-info">高就业率</span>
                            <span class="small text-dark-50"
                              >查看详情
                              <i class="novem-icons nvm-icon-arrow-right"></i
                            ></span>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a
                          href="#"
                          class="d-block rounded-top border border-light border-opacity-75 link-hover-warning shadow"
                        >
                          <div class="ratio ratio-16x9">
                            <img
                              src="/assets/images/home/event.jpg"
                              alt=""
                              class="rounded-top object-fit-cover"
                            />
                          </div>

                          <div class="w-100 px-3">
                            <h6 class="text-truncate lh-lg my-2">
                              数字媒体技术专业（三维动画设计）
                            </h6>
                          </div>
                          <hr class="m-2 opacity-50" />
                          <div
                            class="d-flex justify-content-between align-items-center px-3 mb-2"
                          >
                            <span class="badge bg-info">高就业率</span>
                            <span class="small text-dark-50"
                              >查看详情
                              <i class="novem-icons nvm-icon-arrow-right"></i
                            ></span>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a
                          href="#"
                          class="d-block rounded-top border border-light border-opacity-75 link-hover-warning shadow"
                        >
                          <div class="ratio ratio-16x9">
                            <img
                              src="/assets/images/home/event.jpg"
                              alt=""
                              class="rounded-top object-fit-cover"
                            />
                          </div>

                          <div class="w-100 px-3">
                            <h6 class="text-truncate lh-lg my-2">
                              数字媒体技术专业（三维动画设计）
                            </h6>
                          </div>
                          <hr class="m-2 opacity-50" />
                          <div
                            class="d-flex justify-content-between align-items-center px-3 mb-2"
                          >
                            <span class="badge bg-info">高就业率</span>
                            <span class="small text-dark-50"
                              >查看详情
                              <i class="novem-icons nvm-icon-arrow-right"></i
                            ></span>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a
                          href="#"
                          class="d-block rounded-top border border-light border-opacity-75 link-hover-warning shadow"
                        >
                          <div class="ratio ratio-16x9">
                            <img
                              src="/assets/images/home/event.jpg"
                              alt=""
                              class="rounded-top object-fit-cover"
                            />
                          </div>

                          <div class="w-100 px-3">
                            <h6 class="text-truncate lh-lg my-2">
                              数字媒体技术专业（三维动画设计）
                            </h6>
                          </div>
                          <hr class="m-2 opacity-50" />
                          <div
                            class="d-flex justify-content-between align-items-center px-3 mb-2"
                          >
                            <span class="badge bg-info">高就业率</span>
                            <span class="small text-dark-50"
                              >查看详情
                              <i class="novem-icons nvm-icon-arrow-right"></i
                            ></span>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a
                          href="#"
                          class="d-block rounded-top border border-light border-opacity-75 link-hover-warning shadow"
                        >
                          <div class="ratio ratio-16x9">
                            <img
                              src="/assets/images/home/event.jpg"
                              alt=""
                              class="rounded-top object-fit-cover"
                            />
                          </div>

                          <div class="w-100 px-3">
                            <h6 class="text-truncate lh-lg my-2">
                              数字媒体技术专业（三维动画设计）
                            </h6>
                          </div>
                          <hr class="m-2 opacity-50" />
                          <div
                            class="d-flex justify-content-between align-items-center px-3 mb-2"
                          >
                            <span class="badge bg-info">高就业率</span>
                            <span class="small text-dark-50"
                              >查看详情
                              <i class="novem-icons nvm-icon-arrow-right"></i
                            ></span>
                          </div>
                        </a>
                      </div>
                    </div>

                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="row mt-4">
              <div class="col-12 text-center">
                <a class="btn btn-light btn-outline-secondary" href="#">
                  查看更多
                </a>
              </div>
            </div>
          </div>
        </div>

        <div
          class="section my-0 py-3 py-xl-5"
          style="
            background: url(/assets/images/ao/main-bg.jpg) no-repeat top right;
            background-size: cover;
          "
        >
          <div class="container">
            <div class="row">
              <div class="col-lg-6 offset-lg-6 col-md-10 px-3">
                <h3 class="mb-2 text-light">面向中原城市化、现代化发展</h3>
                <h3 class="mb-2 text-light">打造城市建设者、服务者摇篮</h3>
                <p class="text-light mt-3">
                  郑州城市职业学院是经河南省人民政府批准、教育部备案的普通高等职业院校。学校以“立德、笃学、匠心、自强”为校训，着力培养现代化城市建设所需的技术技能型专门人才，凸显职教特色、地方特色和城市特色，社会影响力与竞争力与日俱增，发展前景广阔。
                </p>

                <div
                  class="row justify-content-center align-items-stretch g-4 mb-5"
                >
                  <div class="col-6">
                    <div class="position-relative bg-white rounded">
                      <div class="p-3 p-xl-4 text-center">
                        <h2 class="mb-2">
                          18000<sup class="fs-base fw-normal">+</sup>
                        </h2>
                        <p class="fs-sm mb-0">在校生</p>
                      </div>
                      <div class="position-absolute end-0 bottom-0 p-3">
                        <i
                          class="fs-1 text-secondary novem-icons nvm-icon-student"
                        ></i>
                      </div>
                    </div>
                  </div>

                  <div class="col-6">
                    <div class="position-relative bg-info rounded">
                      <div class="p-3 p-xl-4 text-center">
                        <h2 class="mb-2 text-white">
                          40<sup class="fs-base fw-normal">+</sup>
                        </h2>
                        <p class="fs-sm mb-0 text-white">专业</p>
                      </div>
                      <div class="position-absolute end-0 bottom-0 p-3">
                        <i
                          class="fs-1 text-light novem-icons nvm-icon-major"
                        ></i>
                      </div>
                    </div>
                  </div>

                  <div class="col-6">
                    <div class="position-relative bg-info rounded">
                      <div class="p-3 p-xl-4 text-center">
                        <h2 class="mb-2 text-white">
                          100<sup class="fs-base fw-normal">+</sup>
                        </h2>
                        <p class="fs-sm mb-0 text-white">实验实训室</p>
                      </div>
                      <div class="position-absolute end-0 bottom-0 p-3">
                        <i
                          class="fs-1 text-light novem-icons nvm-icon-major"
                        ></i>
                      </div>
                    </div>
                  </div>

                  <div class="col-6">
                    <div class="position-relative bg-white rounded">
                      <div class="p-3 p-xl-4 text-center">
                        <h2 class="mb-2">
                          98<sup class="fs-base fw-normal">%</sup>
                        </h2>
                        <p class="fs-sm mb-0">就业去向落实率</p>
                      </div>
                      <div class="position-absolute end-0 bottom-0 p-3">
                        <i
                          class="fs-1 text-secondary novem-icons nvm-icon-job"
                        ></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="section">
          <div class="container">
            <div
              class="row text-center justify-content-center align-items-strech"
            >
              <div class="col-12 col-lg-9 col-xl-10 mb-3">
                <a
                  href="https://www.720yun.com/t/d7vk6m8mO79"
                  target="_blank"
                  class="d-block"
                  ><img
                    src="/assets/images/ao/vr.jpg"
                    alt="全景看校"
                    class="img-fluid rounded"
                /></a>
              </div>

              <div class="col-12 col-lg-3 col-xl-2">
                <div class="row row-cols-3 row-cols-lg-1 g-3 h-100">
                  <div class="col">
                    <a
                      href="https://www.720yun.com/t/d7vk6m8mO79"
                      target="_blank"
                      class="d-flex align-items-center justify-content-center bg-light w-100 h-100 py-2 fw-semibold rounded"
                    >
                      全景看校
                    </a>
                  </div>
                  <div class="col">
                    <a
                      href="https://mp.weixin.qq.com/s/3w7-ARazcxW_O5W9FrFxFA"
                      class="d-flex align-items-center justify-content-center bg-light w-100 h-100 py-2 fw-semibold rounded"
                    >
                      招生简章
                    </a>
                  </div>
                  <div class="col">
                    <a
                      href="https://mp.weixin.qq.com/s/3w7-ARazcxW_O5W9FrFxFA"
                      class="d-flex align-items-center justify-content-center bg-light w-100 h-100 py-2 fw-semibold rounded"
                    >
                      招生宣传片
                    </a>
                  </div>
                  <div class="col">
                    <a
                      href="https://mp.weixin.qq.com/s/ErHNtEOgpSScb6o0DsYFvw"
                      class="d-flex align-items-center justify-content-center bg-light w-100 h-100 py-2 fw-semibold rounded"
                    >
                      入学须知
                    </a>
                  </div>
                  <!--div class="col my-1">
                                <a href="#" class="d-flex align-items-center justify-content-center bg-light w-100 h-100 fw-semibold">
                                    交通指南
                                </a>
                            </div-->
                  <div class="col">
                    <a
                      href="https://mp.weixin.qq.com/s/ybAwH1IqDdy1UKBM3hl7mw"
                      target="_blank"
                      class="d-flex align-items-center justify-content-center bg-light w-100 h-100 py-2 fw-semibold rounded"
                    >
                      奖助学金
                    </a>
                  </div>
                  <div class="col">
                    <a
                      href="https://answer.eol.cn/fillmess/index?id=3452"
                      class="d-flex align-items-center justify-content-center bg-light w-100 h-100 py-2 fw-semibold rounded"
                    >
                      考生问答
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="section mt-0 pt-0">
          <div class="container">
            <div class="title-block text-center">
              <div>
                <h2>青春榜样</h2>
              </div>
            </div>
            <div class="row">
              <div class="col-12">
                <div
                  class="slider-element"
                  data-swiper-options="{'slidesPerView': 1,'navigation': {'prevEl': '.swiper-button-prev','nextEl': '.swiper-button-next'}, 'loop': true,'pagination': {'el': '.swiper-pagination','clickable': true},'breakpoints': {'576': {'slidesPerView': 2,'spaceBetween': 10},'992': {'slidesPerView': 3,'spaceBetween': 10}}}"
                >
                  <div class="swiper">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <a
                          href="#"
                          class="d-block rounded-top border border-light border-opacity-75 link-hover-warning shadow border-bottom-primary-3"
                        >
                          <div class="ratio ratio-16x9">
                            <img
                              src="/assets/images/ao/student.jpg"
                              alt=""
                              class="rounded-top object-fit-cover"
                            />
                          </div>

                          <div class="w-100 px-3">
                            <h6 class="text-truncate lh-lg my-2">
                              杨梦姣：用知识武装自己命运的创作者
                            </h6>
                          </div>
                          <hr class="m-2 opacity-50" />
                          <div
                            class="d-flex justify-content-between align-items-center px-3 mb-2"
                          >
                            <span class="badge bg-info">高就业率</span>
                            <span class="small text-dark-50"
                              >查看详情
                              <i class="novem-icons nvm-icon-arrow-right"></i
                            ></span>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a
                          href="#"
                          class="d-block rounded-top border border-light border-opacity-75 link-hover-warning shadow"
                        >
                          <div class="ratio ratio-16x9">
                            <img
                              src="/assets/images/home/event.jpg"
                              alt=""
                              class="rounded-top object-fit-cover"
                            />
                          </div>

                          <div class="w-100 px-3">
                            <h6 class="text-truncate lh-lg my-2">
                              数字媒体技术专业（三维动画设计）
                            </h6>
                          </div>
                          <hr class="m-2 opacity-50" />
                          <div
                            class="d-flex justify-content-between align-items-center px-3 mb-2"
                          >
                            <span class="badge bg-info">高就业率</span>
                            <span class="small text-dark-50"
                              >查看详情
                              <i class="novem-icons nvm-icon-arrow-right"></i
                            ></span>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a
                          href="#"
                          class="d-block rounded-top border border-light border-opacity-75 link-hover-warning shadow"
                        >
                          <div class="ratio ratio-16x9">
                            <img
                              src="/assets/images/home/event.jpg"
                              alt=""
                              class="rounded-top object-fit-cover"
                            />
                          </div>

                          <div class="w-100 px-3">
                            <h6 class="text-truncate lh-lg my-2">
                              数字媒体技术专业（三维动画设计）
                            </h6>
                          </div>
                          <hr class="m-2 opacity-50" />
                          <div
                            class="d-flex justify-content-between align-items-center px-3 mb-2"
                          >
                            <span class="badge bg-info">高就业率</span>
                            <span class="small text-dark-50"
                              >查看详情
                              <i class="novem-icons nvm-icon-arrow-right"></i
                            ></span>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a
                          href="#"
                          class="d-block rounded-top border border-light border-opacity-75 link-hover-warning shadow"
                        >
                          <div class="ratio ratio-16x9">
                            <img
                              src="/assets/images/home/event.jpg"
                              alt=""
                              class="rounded-top object-fit-cover"
                            />
                          </div>

                          <div class="w-100 px-3">
                            <h6 class="text-truncate lh-lg my-2">
                              数字媒体技术专业（三维动画设计）
                            </h6>
                          </div>
                          <hr class="m-2 opacity-50" />
                          <div
                            class="d-flex justify-content-between align-items-center px-3 mb-2"
                          >
                            <span class="badge bg-info">高就业率</span>
                            <span class="small text-dark-50"
                              >查看详情
                              <i class="novem-icons nvm-icon-arrow-right"></i
                            ></span>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide">
                        <a
                          href="#"
                          class="d-block rounded-top border border-light border-opacity-75 link-hover-warning shadow"
                        >
                          <div class="ratio ratio-16x9">
                            <img
                              src="/assets/images/home/event.jpg"
                              alt=""
                              class="rounded-top object-fit-cover"
                            />
                          </div>

                          <div class="w-100 px-3">
                            <h6 class="text-truncate lh-lg my-2">
                              数字媒体技术专业（三维动画设计）
                            </h6>
                          </div>
                          <hr class="m-2 opacity-50" />
                          <div
                            class="d-flex justify-content-between align-items-center px-3 mb-2"
                          >
                            <span class="badge bg-info">高就业率</span>
                            <span class="small text-dark-50"
                              >查看详情
                              <i class="novem-icons nvm-icon-arrow-right"></i
                            ></span>
                          </div>
                        </a>
                      </div>
                    </div>

                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="row mt-4">
              <div class="col-12 text-center">
                <a class="btn btn-light btn-outline-secondary" href="#">
                  查看更多
                </a>
              </div>
            </div>
          </div>
        </div>

        <div class="section">
          <div class="container">
            <div
              class="row g-3 link-hover-warning"
              data-animate="animate__fadeInUp"
            >
              <div class="col-lg-5">
                <a
                  href="xyhj/xyfg/xymj.htm"
                  class="d-block position-relative rounded-top h-100 border border-light shadow"
                  target="_blank"
                >
                  <img
                    src="/assets/images/page/campus/1-3.jpg"
                    alt="校园环境"
                    class="w-100 h-100 object-fit-cover rounded-top"
                  />
                  <div
                    class="position-absolute bottom-0 start-0 w-100 bg-white p-1 p-lg-2 d-flex justify-content-between align-items-center"
                  >
                    <h6 class="mb-0">校园环境</h6>
                    <span class="fs-sm">
                      查看详情
                      <i
                        class="novem-icons novem-icons nvm-icon-arrow-right icon-beat-fade"
                      ></i>
                    </span>
                  </div>
                </a>
              </div>
              <div class="col-lg-7">
                <div class="row g-3">
                  <div class="col-6">
                    <a
                      href="xyhj/xyfg/xymj.htm"
                      class="d-block position-relative rounded-top border border-light shadow"
                      target="_blank"
                    >
                      <img
                        src="/assets/images/ao/album-2.jpg"
                        alt="校园美景"
                        class="object-fit-cover rounded-top"
                      />
                      <div
                        class="position-absolute bottom-0 start-0 w-100 bg-white p-1 p-lg-2 d-flex justify-content-between align-items-center"
                      >
                        <h6 class="mb-0">就业榜样</h6>
                        <span class="fs-sm">
                          查看详情
                          <i
                            class="novem-icons novem-icons nvm-icon-arrow-right icon-beat-fade"
                          ></i>
                        </span>
                      </div>
                    </a>
                  </div>
                  <div class="col-6">
                    <a
                      href="xyhj/xyfg/xymj.htm"
                      class="d-block position-relative rounded-top border border-light shadow"
                      target="_blank"
                    >
                      <img
                        src="/assets/images/ao/album-3.jpg"
                        alt="校园美景"
                        class="object-fit-cover rounded-top"
                      />
                      <div
                        class="position-absolute bottom-0 start-0 w-100 bg-white p-1 p-lg-2 d-flex justify-content-between align-items-center"
                      >
                        <h6 class="mb-0">留学研学</h6>
                        <span class="fs-sm">
                          查看详情
                          <i
                            class="novem-icons novem-icons nvm-icon-arrow-right icon-beat-fade"
                          ></i>
                        </span>
                      </div>
                    </a>
                  </div>
                  <div class="col-12">
                    <a
                      href="xyhj/xyfg/xymj.htm"
                      class="d-block position-relative rounded-top border border-light shadow"
                      target="_blank"
                    >
                      <img
                        src="/assets/images/ao/album-4.jpg"
                        alt="校园美景"
                        class="object-fit-cover rounded-top"
                      />
                      <div
                        class="position-absolute bottom-0 start-0 w-100 bg-white p-1 p-lg-2 d-flex justify-content-between align-items-center"
                      >
                        <h6 class="mb-0">校园活动</h6>
                        <span class="fs-sm">
                          查看详情
                          <i
                            class="novem-icons novem-icons nvm-icon-arrow-right icon-beat-fade"
                          ></i>
                        </span>
                      </div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <footer class="section" id="footer">
        <div class="container">
          <div class="row align-items-md-end align-items-lg-center">
            <div
              class="col-12 col-md-5 col-lg-4 col-xl-5 text-center text-md-start"
              data-animate="animate__slideInLeft"
            >
              <img
                src="/assets/images/logo-dark.png"
                alt="郑州城市职业学院"
                class="logo"
              />
              <div class="m-3 mt-mb-4 mb-md-0">
                中国 · 河南 · 郑州<br />
                <i class="novem-icons nvm-icon-phone"></i> 0371-69213333<br />
                <i class="novem-icons nvm-icon-phone"></i>
                0371-68506666（招生咨询）
              </div>
            </div>

            <div
              class="d-none d-lg-block col-lg-3"
              data-animate="animate__fadeInUp"
            >
              <div class="row">
                <div class="col">
                  <h6>常用链接</h6>
                  <ul>
                    <li><a href="#">教育部</a></li>
                    <li><a href="#">河南省教育厅</a></li>
                    <li><a href="#">知网</a></li>
                    <li><a href="#">图书馆</a></li>
                    <li><a href="#">继续教育学院</a></li>
                  </ul>
                </div>
                <div class="col">
                  <h6>常用功能</h6>
                  <ul>
                    <li><a href="#">教务系统</a></li>
                    <li><a href="#">OA系统</a></li>
                    <li><a href="#">企业邮箱</a></li>
                    <li><a href="#">校历</a></li>
                    <li><a href="#">学校标识</a></li>
                  </ul>
                </div>
              </div>
            </div>

            <div
              class="col-12 col-md-7 col-lg-5 col-xl-4 text-center"
              data-animate="animate__slideInRight"
            >
              <div class="row gx-1">
                <div class="col">
                  <img
                    src="/assets/images/social/weixin.jpg"
                    alt="官方微信公众号"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzA5OTg2OTE1Ng==&amp;action=getalbum&amp;album_id=2393721616590782469&amp;scene=126#wechat_redirect"
                    target="_blank"
                    title="官方微信公众号"
                    rel="noopener"
                    >官方微信公众号</a
                  >
                </div>
                <div class="col">
                  <img
                    src="/assets/images/social/weibo.jpg"
                    alt="官方微博"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://weibo.com/u/7674037481"
                    target="_blank"
                    title="官方微博"
                    rel="noopener"
                  >
                    官方微博
                  </a>
                </div>
                <div class="col">
                  <img
                    src="/assets/images/social/douyin.jpg"
                    alt="官方抖音"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://www.douyin.com/user/MS4wLjABAAAA-mZeYz7hw538fARR5-TR4kWrgXUvTimwVBNRwuS56dFTdjo5f9umgGEbrcdeXxud"
                    target="_blank"
                    title="官方抖音"
                    rel="noopener"
                    >官方抖音</a
                  >
                </div>
                <div class="col">
                  <img
                    src="/assets/images/jubao.jpg"
                    class="img-fluid"
                    alt="廉洁举报中心"
                  />
                  <br />
                  <a
                    href="http://szxingaojiao.com/Z_WX/15_Report/ReportMain.aspx?schoolName=郑州城市职业学院"
                    title="廉洁举报中心"
                    rel="noopener"
                    >廉洁举报中心</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="copyrights" data-animate="animate__fadeInUp">
          <div class="container border-top opacity-50">
            <div class="row">
              <div class="col text-md-center">
                <div class="copyright-links">
                  版权所有 © 2023 郑州城市职业学院
                  <a
                    href="https://beian.miit.gov.cn/"
                    target="_blank"
                    rel="noopener"
                  >
                    豫ICP备12014925号-1
                  </a>
                  /
                  <a
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41018302000187"
                    target="_blank"
                    rel="noopener"
                  >
                    豫公网安备 41018302000187号
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </main>

    <!-- Scroll top -->
    <div class="btn-scroll-top" id="gotoTop" data-mobile="true">
      <svg class="progress-square w-100 h-100" viewBox="0 0 40 40">
        <path
          d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z"
        ></path>
      </svg>
    </div>

    <div class="modal fade" id="notice" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" data-bs-backdrop="static">
        <div class="modal-content">
          <div class="modal-header">
            <h1 class="modal-title fs-5" id="noticeLabel">友情提醒</h1>
            <button
              type="button"
              class="btn-close"
              data-bs-dismiss="modal"
              aria-label="Close"
            ></button>
          </div>
          <div class="modal-body">
            未到开放时间，详情请联系对应区域招生负责老师。
          </div>
          <div class="modal-footer">
            <a class="btn btn-primary" href="#" title="联系方式"
              >查看联系方式</a
            >
            <button
              type="button"
              class="btn btn-secondary"
              data-bs-dismiss="modal"
            >
              关闭
            </button>
          </div>
        </div>
      </div>
    </div>

    <script>
      var nvmOptions = {
        jsFolder: "/assets/js/",
        cssFolder: "/assets/css/",
        bdhmID: "186aa1bb1368d7e0c66d1ea6e3f590ad",
      };
    </script>
    <script src="/assets/js/theme.js"></script>
  </body>
</html>
